<!DOCTYPE html>
<html>

<head lang="en">

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no" />
  <title>翻卡牌赢大奖</title>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <script src="./js/jquery.min.js" type="text/javascript"></script>
  <script src="./js/offline.js" type="text/javascript"></script>
  <script src="./js/tool.js" type="text/javascript"></script>
  <script src="./js/iscroll-lite.js" type="text/javascript"></script>
  <script>
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 640 * 100 + "px";
    if (document.documentElement.clientWidth > 640) {
      document.documentElement.style.fontSize = 100 + "px"
    }
    document.addEventListener('touchmove', function (e) {
      e.preventDefault();
    }, {
      passive: false
    });
  </script>
  <link rel="stylesheet" href="./css/common.min.css" />
  <link rel="stylesheet" href="./css/animate.min.css" />
  <link rel="stylesheet" href="index_format.css" />
  <style media="screen">
    .none {
      /* display: none; */
    }
  </style>
</head>

<body>
  <img id="load_bg_img" class="load-bg" src="./img/tinified/card-back.png" alt="" />
  <!-- 加载页面 -->
  <div class="loading">
    <div class="cube cube1">
      <img src="./img/tinified/card-back.png" alt="" />
    </div>
    <div class="cube cube2">
      <img src="./img/tinified/card-back.png" alt="" />
    </div>
    <div class="cube cube3">
      <img src="./img/tinified/card-back.png" alt="" />
    </div>
    <div class="cube cube4">
      <img src="./img/tinified/card-back.png" alt="" />
    </div>
    <div class="cube cube5">
      <img src="./img/tinified/card-back.png" alt="" />
    </div>
    <div class="loading-info">
      <p>加载中...</p>
    </div>
  </div>
  <!-- 超过次数 -->
  <div class="panel none animated" id="overTimes" data-toggle="1">
    <div class="p-c">
      <p>您今日的免费翻牌次数已用完，点击“邀请好友”可多得1次游戏机会哦，每天最多可邀请5次哦~</p>
      <p class="checkBtn btn-close" data-close="overTimes"></p>
    </div>
  </div>
  <!-- share -->
  <div class="panel none shareTo animated" id="share">
  </div>
  <!-- wechat -->
  <div class="panel none animated" id="wxFollow">
    <div class="p-c">
      <p>请先关注FreeT自助游</p>
      <p>微信公众号才能参与哦~~</p>
      <p class="wechat">
        <img src="./img/tinified/wechat.png" alt="">
      </p>
    </div>
  </div>
  <!-- addr -->
  <div class="panel addr_panel animated none" id="addr_panel">
    <div class="addr">
      <a class="closeAddr"></a>
      <p>
        <span>
          <b>恭喜您获得：</b>
        </span>
        <span>韩巢定制U盘一个！</span>
      </p>
      <p>
        <label>姓
          <b class="hidden">空</b>名:</label>
        <input type="text" id="uname" value="">
      </p>
      <p>
        <label>手机号码:</label>
        <input type="text" id="uphone" value="">
      </p>
      <p>
        <label>邮寄地址:</label>
        <input type="text" id="uaddr" value="">
      </p>
      <p class="info">
        注：奖品将于活动结束后10个工作日内完成发放，请注意查收哦~
      </p>
      <p class="checkBtn" id="sendAddrBtn"></p>
    </div>
  </div>
  <!-- phone -->
  <div class="panel phone_panel animated none " id="phone_panel">
    <div class="phone-c">
      <a class="closePhone"></a>
      <p class="one">
        <b>恭喜你获得：</b>
        <span id="flowtype">

        </span>
      </p>
      <p class="liulianginput">
        <label>手机号码:</label>
        <input type="text" id="flowphone">
      </p>
      <p class="checkBtn" id="sendphoneBtn"></p>
    </div>
  </div>
  <!-- 优惠券 -->
  <div class="panel youhui_panel animated none" id="youhui_panel" data-toggle="1">
    <div class="addr">
      <a class="closeYouhui"></a>
      <p id="youhuiquan"></p>
      <p class="info">
        提示：复制淘口令，打开淘宝即可领取代金券。
      </p>
      <p class="checkBtn" data-close="youhui_panel"></p>
    </div>
  </div>
  <!-- prize -->
  <div class="medal-result animated" id="game_result" data-toggle="1">
    <div class="result-panel">
      <div class="medal-success none">
        <div class="success-container">
          <a class="btn-reload close" data-close="game_result" href="#"></a>
        </div>
        <p class="play-with-people">
          <a class="play-invite btn-close" data-close="game_result" href="#"></a>
        </p>
      </div>
      <div class="medal-failed none">
        <a class="btn-reload close" data-close="game_result" href="#"></a>
        <div class="failed-container">
          <p class="play-again">
            <a href="#"></a>
          </p>
        </div>
      </div>
    </div>
  </div>
  <!-- main -->
  <div class="header">
    <div class="header-topic"></div>
  </div>
  <div id="game_card" class="card-body animated" data-toggle="1">
    <ul class="body-ul">
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_ruler">
        <ul class="card-ruler">
          <li class="turn-chance chance-font-24">您今日还有</li>
          <li class="turn-chance turn-num chance-font-24">
            <span id="times"></span>次</li>
          <li class="turn-chance  chance-font-24">翻牌机会</li>
          <li class="mt-32 chance-font-19">通过好友助力</li>
          <li class="chance-font-19">获得更多翻牌机会</li>
          <li class="person-help-num chance-font-16">每日最高助力5次</li>
        </ul>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
      <li class="body-card-li mg-bm card_chance ">
        <a class="card-back" href="#"></a>
        <a class="card-face" href="#"></a>
      </li>
    </ul>
  </div>

  <div id="game_ruler" class="game-ruler animated" data-toggle="1">
    <div id="ruler_container" class="ruler-container">
      <p class="ruler-close">
        <a class="btn-close" href="#" data-close="game_ruler"></a>
      </p>
      <div id="rulerWrapper">
        <div class="scroller" id="scroller">
          <p class="game-topic">活动规则</p>
          <p class="game-details">1、活动时间：2018.6.15-2018.6.17</p>
          <p class="game-details">2、点击随机翻开两张卡牌，若两张卡牌上的奖品相同，即可获得该奖品。若不相同，则需要重新开始翻牌进行下一次游戏，邀请好友可获得额外的游戏机会。</p>
          <p class="game-details">3、每个用户每天有5次机会，邀请好友可以获得1次机会，最多可邀请5位。</p>
          <p class="game-details">4、奖品设置：</p>
          <p class="game-details">一等奖：韩巢定制版U盘（5份）；</p>
          <p class="game-details">二等奖：500M全国流量（10份）；</p>
          <p class="game-details">三等奖：100M全国流量（100份）；</p>
          <p class="game-details">温馨提示：</p>
          <p class="game-details">1、需关注FreeT自助游微信公众号，才能参与游戏哦；</p>
          <p class="game-details">2、韩巢定制U盘中奖用户请于6月18日前在活动页面填写收货信息以便为您寄送奖品；</p>
          <p class="game-details">3、500M/100M全国流量中奖用户请于6月18日前在活动页面填写手机号以便为您充值流量；</p>
          <p class="game-details">4、仅有1次填写领奖信息的机会，填错或逾期提供领奖所需信息视为放弃奖品，奖品不予发放。</p>
        </div>
      </div>
    </div>
  </div>
  <div id="game_price" class="my-price animated" data-toggle="1">
    <div class="price-panel">
      <ul class="price-list">
        <li>
          <span></span>
          <a href="javascript:void(0);" id="getMyPrize"></a>
        </li>
      </ul>
    </div>
    <div class="madel-back">
      <a class="back-main-btn" href="#"></a>
    </div>
  </div>
  <div id="footer" class="footer">
    <div class="footer-wave ">
    </div>
    <div class="footer-btn">
      <a id="btn_price" class="btn-prize" href="#"></a>
      <a id="btn_medal" class="btn-medal" href="#"></a>
      <a id="invite_btn" class="invite-btn" href="#"></a>
    </div>
  </div>
  <script type="text/javascript" src="index_bak.js"></script>
  <script src="./js/jweixin-1.0.0.js" type="text/javascript"></script>
  <script src="./js/openInWeChat.js" type="text/javascript"></script>
  <script src="./js/wxshare.js" type="text/javascript"></script>
</body>

</html>